/*---------------------------------
Site: hltm
nameAuthor:Ayi
Updated:2015/02/25
Updated by:Ayi

COLORS
Body background: #dff1fd
red:#f44434
blue:#03cce6
---------------------------------*/

/*公共部分*/
*{ margin:0; padding:0;}
body{ font-size:12px; font-family:"Microsoft YaHei",Arial,sans-serif, Helvetica, Verdana,Tahoma; background:#dff1fd; padding:0; margin:0; color:#000; line-height:22px; position:relative}
a{ color:#000; text-decoration:none;}
a:hover{ color:#F60}
img{ border:0}
a,a img, input{transition: all 0.18s ease-out 0s;}
ul,li{ list-style:none}
em{ font-style:normal;}
.clear{ clear:both}
.l{ float:left}
.r{ float:right}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom: 20px;}
.clearfix:after,.head:after,.content:after,.warp:after{ clear:both; content:","; display:block; height:0; overflow:hidden; visibility:hidden}
.tophead span,.search .search-button,.head .codebox .code,.head .codebox .code span,span.jt_up,.navType dl dt,.title01 em,.desc,.asc{ background: url(../images/bimg.png) no-repeat;}
.content{ padding:10px; background: #fff; width: 1000px; margin: 0 auto; z-index:98;position: relative;}
.w720{ width: 720px;}
.w260{ width: 260px;}
.w270{ width: 270px;}
.b2red{ border-bottom: 2px solid #f44434;}
.red,.red a{ color: #f44434 !important;}

.tophead{ width:1020px; margin:0 auto; height: 32px; line-height: 32px; background: #f5f5f5;}
.tophead span{ padding-left: 20px; margin-left: 10px;}
.tophead .ico_fav{ background-position: 0 0;}
.tophead .ico_table{ background-position: -150px 0;}
.tophead .ico_fackbook{ background-position: -300px 0}
.warp{ width:1000px; margin:0 auto; position: relative;}
.head{ width:1000px; margin:0 auto; position: relative; z-index:1000; background: url(../images/head_bg.jpg) no-repeat;}
.head .logo{ float:left; width:230px; background: url(../images/logo.png) no-repeat;}
.head .logo a{ width:230px; height:100px; display:block}
.head_r{ width: 485px;}
.search{  width:485px; height:36px; margin-top:15px;}
.search .search-button{background-position:-200px -25px; float:right; width:101px; height:36px;  border:none; text-indent:-9999px; cursor:pointer; overflow:hidden}
.search .search-text{ border:2px solid #5bdae6; border-right: none; float:left; width:362px; height:22px; line-height:22px; padding:5px 10px; display:inline;-moz-border-radius: 8px 0 0 8px;-webkit-border-radius:  8px 0 0 8px;border-radius:  8px 0 0 8px; font-size: 14px;font-family:"Microsoft YaHei";}
.head .menu{ margin-top: 8px;}
.head .menu li{ float: left; font-size: 14px; color: #fff; margin-right: 10px; height:24px; line-height: 24px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; background: #5BDAE6; padding: 0 5px;}
.head .menu li a{ color: #fff;}
.head .menu li.green{ background: #a6c76f;}
.head .codebox{ margin: 10px 15px 0 0; position: relative;}
.head .codebox .code{width: 48px; height: 48px; background-position: 0 -25px; display: block; text-indent: -9999px; overflow: hidden; }
.head .codebox .code:hover{background-color: transparent;z-index: 50;}
.head .codebox .code span{position: absolute;visibility: hidden;text-decoration: none; width: 180px; height: 212px; display: block; background-position: 0 -450px; z-index:999}
.head .codebox .code span img{border-width: 0;padding: 2px;}
.head .codebox .code:hover span{visibility: visible;top: 0;right: 50px;}

/*导航+观看记录*/
.navbox{ width:1020px; margin:0 auto; background: #f44434; border-bottom: 4px solid #dc1b09; height: 40px; line-height: 40px; z-index:999;position: relative;}
.nav{ font-size: 17px;}
.nav li{ width: 95px; text-align: center; float: left; margin-right: 5px;}
.nav li a{ color: #fff; display: block; width: 95px; height: 44px;}
.nav li a:hover,.nav li.this a{ background: #dc1b09;}
.arrowUp{background: url("../images/arrowUp.png") no-repeat scroll 70px 20px transparent;}
.record{ position: absolute; right: 0; width: 81px; }
.arrowUp a, .arrowBottom a{color: #FFFFFF; display: block; height: 44px;line-height: 44px;padding: 0 10px; width: 60px; font-size:14px}
.recordBox{ border:1px solid #ccc; border-top: 0;  position: absolute; right: 0; top: 45px; width: 220px;z-index: 999999; }
.recordBox p{text-align: center;}
.recordBox .recordList{ background: #f3f3f3;}
.recordList{z-index: 100000;}
.recordBox .close{background: #f3f3f3; height: 30px; line-height: 30px;  text-align: center; color: #6e6e6e;}
.recordBox .recordList{ }
.recordBox .recordList li{background: #f7f7f7; line-height: 32px; height:32px;padding:0 10px; border-bottom: 1px solid #e7e7e7; overflow:hidden;}
.recordBox .recordList li a{ color: #000; display: block;}
.recordBox .recordList li a:hover{ background: #f3f3f3;}
.recordBox .recordList em{  float: right; font-style: normal;color: #909090;}
span.jt_up{ width: 20px; height: 9px; background-position: -200px -150px; display: block; position: absolute; top: -9px; z-index: 999; left: 170px;}

/*字母索引+分类索引*/
.letter{ border: 1px solid #e6e6e6; line-height: 34px; height: 34px; padding: 0 10px; font-size: 14px; width: 978px; float: left;}
.letter .letText{ font-weight: bold; padding:0 15px 0 5px;}
.letter span a{ padding: 0 10px; margin-right: 3px; margin-top: 3px; line-height: 28px; display: block; float: left; height: 28px;}
.letter span a:hover{ background: #f44434; color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.navType{ border:1px solid #e6e6e6; border-top: none; padding:0 10px 10px 10px; font-size: 14px; width: 978px; float: left;}
.navType dl dt{ color: #f44434; background-position: -250px -100px; padding-left: 18px; padding-top: 3px; margin-bottom: 5px;}
.navType dl { float: left; margin-right: 15px;}
.navType dl dd a{ padding-right: 8px; display: block; float: left;}

/*gg*/
.gg1000{ text-align: center; width: 973px;margin: 15px 0;padding:10px 5px 5px 20px;border-style:solid; border-width:1px; border-color:#ccc;overflow:hidden;}
.gg260{ width: 250px ; background: #f0f0f0; padding: 0px;}
.gg688{ width: 688px; text-align: center;}
.gg720{ width: 720px; text-align: left; overflow:hidden;}
.gg580{ width: 580px; text-align: center;margin: 5px 0 15px;}
.gg130{ width: 130px; text-align: center;margin: 5px 0 15px;}

/**/
.tabcon01  .plist01 li,.xfbox_c .plist01 li{ height:210px;}
.plist01{float: left; position: relative; width: 100%;}
.plist01 li{ float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 144px;}
.plist01 li a{border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; color: #282828; display: block; padding: 16px; position: relative; width: 110px;cursor: pointer;}
.plist01 li a:hover{ background: #F3F3F3;cursor: pointer;}
.plist01 li img{height: 147px; width: 110px;}
.plist01 li p{font-size: 14px; line-height: 30px; height:30px; width:110px;overflow: hidden; text-align: center;}
.plist01 li span{background:#000; color: #fff; display: block; height: 24px; left: 16px; line-height: 24px; opacity: 0.7; overflow: hidden; position: absolute; text-align: center; top: 139px; width: 110px;}
.tlist03{ padding:5px 0; float:left; width: 100%;   font-size: 14px;}
.tlist03 li{ line-height:30px; height:30px; color:#adadad; overflow:hidden}
.tlist03 li span{ float: right;}
.tlist03 li em{ color: #adadad; font-style: normal; padding-left: 10px;}
.plist02{ position: relative; width: 100%;}
.plist02 li{ float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 138px; padding-bottom: 15px;height:215px}
.plist02 li a{ color: #282828; display: block; padding-left:28px ; position: relative; width: 110px;}
.plist02 li img{height: 147px; width: 110px;}
.plist02 li p{font-size: 14px; line-height: 30px; overflow: hidden; text-align: center;}
.plist02 li em{ width:100%; display:block; text-align:center; line-height:18px; color:#b9b9b9}
.plist02 li span{background:#000; color: #fff; display: block; height: 24px; left: 28px; line-height: 24px; opacity: 0.7; overflow: hidden; position: absolute; text-align: center; top: 123px; width: 110px;}
.w260 .plist02{padding-top: 20px;}
.w260 .plist02 li{ width: 130px; }
.w260 .plist02 li a{ padding: 0 20px 0 0;}
.jslist01{ width: 688px; max-height: 226px; overflow: auto;}
.jslist01 li{ width: 106px; margin:0 5px 5px 0; float: left; font-size: 14px;}
.jslist01 li a{ text-align: center; width: 104px; height: 26px; line-height: 26px; border: 1px solid #e6e6e6; background: #f7f7f7; display: block;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.jslist02{ width: 688px; max-height: 245px; overflow: auto;}
.jslist02 li{ width: 661px; margin:0 5px 5px 0; float: left; font-size: 12px;}
.jslist02 li a{ width: 649px; padding: 8px; line-height: 18px; border: 1px solid #e6e6e6; background: #f7f7f7; display: block;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.jslist01 li a:visited,.jslist02 li a:visited{ color: #9F9F9F;}
.jslist01 li a:hover,.jslist02 li a:hover,.jslist02 li.red a:hover{ background: #F44434; color: #fff !important}

/**/
.hd{ height: 40px; width: 100%; position: relative;}
.hd h2{ line-height: 40px; height: 40px; font-size: 20px; font-weight: normal;}
.hd .more{ float:right; font-size:14px; line-height:45px}
.box01{ width: 100%;}
.box02{ width: 718px; border: 1px solid #e6e6e6; }
.box03{ width: 688px; border: 1px solid #e6e6e6; padding: 15px;}
.title01{ height: 25px; line-height: 25px; margin: 5px 0;}
.title01 em{ width: 25px; height: 25px; display: block; float: left; margin-right: 10px;}
.title01 em.ico_baiduyun{ background-position: 0 -300px;}
.title01 em.ico_bendi{ background-position: -50px -300px;}
.title01 em.ico_xunlei{ background-position: -100px -300px;}
.title01 em.ico_leshi{ background-position: -250px -300px;}
.title01 em.ico_play{ background-position: -300px -300px;}
.title01 em.ico_youku{ background-position: -200px -250px;}
.title01 em.ico_tudou{ background-position: -250px -250px;}
.title01 h2{ font-size: 16px; font-weight: normal; float: left;}
.title01 em.desc,.title01 em.asc{ display: block; height: 16px; width: 16px; line-height: 16px; margin-right: 5px;}
.title01 em.desc{ background-position: -150px -300px;}
.title01 em.asc{ background-position: -200px -300px;}
.title01 span.r a{ display: block; line-height: 16px; float: left; margin-left: 10px; color: #a5a5a5;}
.none{ display: none !important;}
.title02 h2{ line-height: 26px; height: 26px; border-left: 4px solid #F44434;font-size: 16px; font-weight: normal; float: left; padding-left: 10px;}

/*footer*/
.footer{ width:1020px; margin:0 auto; background: #fff; border-top: 1px solid #e6e6e6; padding: 0px 0;}
.footersy{ width:1020px; margin:0 auto; background: #fff; border-top: 1px solid #e6e6e6; padding: 15px 0 0px 0;}
.flinks{ border-bottom: 0px solid #e6e6e6; padding-bottom: 0px; padding-right:10px;font-size: 14px; line-height: 30px;}
.flinks strong{ background: #ff5e59; color: #fff; padding:3px 5px;}
.flinks a{ color: #6f6f6f; padding: 0 5px;}
.footerHots{background:#fff; border: 1px solid #989898; height: 24px; line-height: 24px; margin: 5px auto; overflow: hidden; white-space: nowrap; width: 658px; font-size: 14px;}
.footerHots a{float: left; padding: 0 10px 0 0; color: #6f6f6f;}
.footerHots a strong{background:#989898; color: #fff; display: block; float: left; font-weight: normal; height: 24px; padding: 0 8px;}
.copyright{line-height: 30px; padding: 8px 0 15px; text-align: center; font-size: 14px; color: #6f6f6f;}


/*翻页*/
/*.pages{ clear: both; font: 14px/24px Verdana; padding: 10px 0; text-align: center; margin: 20px 0;}
.pages li{ color: #333; display: inline; margin: 0 3px;}
.pages li.thisclass{ background-color: #F44434; border: 1px solid #F44434; -moz-border-radius:3px;-webkit-border-radius:  3px;border-radius:  3px; color: #fff; padding: 6px 10px;}
.pages li a{ border: 1px solid #e0e0e0; -moz-border-radius:3px;-webkit-border-radius:  3px;border-radius:  3px; color: #414141; padding: 6px 10px; text-decoration: none;}
.pages li a:hover{ background-color: #03cce6; border: 1px solid #03cce6;color: #fff;}*/

.pages { clear: both; font: 14px/24px Verdana; padding: 10px 0; text-align: center; margin: 20px 0; }
.pages a { border: 1px solid #e0e0e0; -moz-border-radius:3px;-webkit-border-radius:  3px;border-radius:  3px; color: #414141; padding: 6px 10px; text-decoration: none;}
.pages a:hover { background-color: #03cce6; border: 1px solid #03cce6;color: #fff; }
.pages span { background-color: #F44434; border: 1px solid #F44434; -moz-border-radius:3px;-webkit-border-radius:  3px;border-radius:  3px; color: #fff; padding: 6px 10px;}
.pages select{
    margin-left: 10px;
    height: 30px;
    padding-left:5px;
}

/*paihang*/
.c_ph { margin-top: 5px;}
.c_ph li{ line-height:28px; width: 100%; float: left; font-size: 14px;height: 28px;overflow: hidden;}
.c_ph li span{ float:right; color: #b9b9b9;}
.c_ph li em{ width:20px; height:20px; display:block; float:left; margin:4px 8px 4px 0; font-style:normal; font-size:14px; line-height:20px; color:#fff; text-align:center; background: #f2f2f2; border: 1px solid #cecece; color: #b9b9b9;}
.c_ph li em.top{background:#F44434; border: 1px solid #F44434; color: #fff;}

.phItem ul{ position: absolute; right: 0; top: 10px;}
.phItem ul li{ float: left; text-align: center; margin-left: 2px;}
.phItem li a{ display:block; width:43px; height:24px; color:#486601}
.phItem .normal{ background: #f2f2f2;}
.phItem span a{ line-height:30px; padding:0 8px; border-right:1px solid #8bc164; text-decoration:underline}
.phItem .normal a{ color:#5d5d5d}
.phItem .current{ background:url(../images/index_tab.png) no-repeat 0 -50px;}
.phItem .current a{color:#fff; background: #f44434;}
.tabphcon{ overflow:hidden; }
.tabphcon .normal { display:none;}
.tabphcon .current { display:block;}

/*面包屑*/
.bread{border: 1px solid #e6e6e6; line-height: 36px; height: 37px; padding: 0 10px; color: #989898; font-size: 14px; width: 698px; float: left;}
.bread span{ float: right;}
.bread span em{ font-style: normal; color: #F44434; padding: 0 5px;}

/*底部搜索*/
.footer-search-box{background:#f7f7f7;  padding:20px 0; text-align: center; border-top: 1px solid #ece7e7;}
.footer-search-box .search{ margin: 0 auto;}

/* 回到顶部 */ #returnTop{_display:none;position:fixed;_position:absolute;z-index:999;right:15px;bottom:-200px;_bottom:auto;width:42px;height:42px;text-indent:-999px;overflow:hidden;background-image:url(../images/bimg.png);_background-image:url(../images/bimg.png);background-repeat:no-repeat;background-position:-200px -200px;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}
#returnTop:hover{background-position:-250px -200px;}